import React from 'react'

export default class LifeTimes extends React.Component { 
  constructor() {
    super()
    console.log('constructor')
    this.state = {count: 1}
  }

  // 组件挂载完毕
  componentDidMount() {
    // 1.组件渲染完毕
    // 2.发起网络请求
    // 3.操作 DOM
    console.log('componentDidMount')
  }
  // 更新时
  // -setState, forceUpdate, props
  componentDidUpdate() {
    console.log('componentDidUpdate')
  }
  changeCount = () => {
    // this.setState({
    //   count: 99
    // })
    this.forceUpdate()
  }
  // 卸载时
  componentWillUnmount() {
    console.log('componentWillUnmount')
  }
  // 组件渲染
  render() {
    return (
      <div>
        <button onClick={this.changeCount}>更新state数据</button>
        <div>lifeTimes { console.log('render') }</div>
      </div>
    )
  }
}